<!DOCTYPE html>
<html lang="en">
    <head>
        <!-- Basic -->
        <meta charset="utf-8">
        <title>SportsCup - Responsive, Bootstrap 3, HTML5 Soccer And Sports Template</title>
        <meta name="keywords" content="HTML5 Template" />
        <meta name="description" content="World Cup - Responsive HTML5 Template soccer and sports">
        <meta name="author" content="iwthemes.com">  

        <!-- Mobile Metas -->
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- Theme CSS -->
        <link href="css/style.css" rel="stylesheet" media="screen">
        <!-- Responsive CSS -->
        <link href="css/theme-responsive.css" rel="stylesheet" media="screen">
        <!-- Skins Theme -->
        <link href="#" rel="stylesheet" media="screen" class="skin">

        <!-- Favicons -->
        <link rel="shortcut icon" href="img/icons/favicon.ico">
        <link rel="apple-touch-icon" href="img/icons/apple-touch-icon.png">
        <link rel="apple-touch-icon" sizes="72x72" href="img/icons/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="114x114" href="img/icons/apple-touch-icon-114x114.png">  

        <!-- Head Libs -->
        <script src="js/modernizr.js"></script>

        <!--[if IE]>
            <link rel="stylesheet" href="css/ie/ie.css">
        <![endif]-->

        <!--[if lte IE 8]>
            <script src="js/responsive/html5shiv.js"></script>
            <script src="js/responsive/respond.js"></script>
        <![endif]-->

        <!-- Skins Changer-->
        <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    </head>

    <body>
       <!-- Theme-options -->
        <div id="theme-options">
            <div class="openclose"></div>
            <div class="title">
               <span>THEME OPTIONS</span>
               <p>Choose a combination of predefined colors here. Here are some examples. You can create any additional number on your backend theme, also can choose the background you want and four differents layouts.</p>
            </div>
            <span>SKINS</span>
            <ul id="colorchanger">      
                <li><a class="colorbox red" href="events0e99.html?theme=red" title="Red Skin"></a></li>
                <li><a class="colorbox blue" href="eventsca00.html?theme=blue" title="Blue Skin"></a></li>                    
                <li><a class="colorbox yellow" href="events2746.html?theme=yellow" title="Yellow Skin"></a></li>
                <li><a class="colorbox green" href="eventsaf91.html?theme=green" title="Green Skin"></a></li>
                <li><a class="colorbox orange" href="eventsceb0.html?theme=orange" title="Orange Skin"></a></li>
                <li><a class="colorbox purple" href="events938c.html?theme=purple" title="Purple Skin"></a></li>
                <li><a class="colorbox pink" href="eventsa820.html?theme=pink" title="Pink Skin"></a></li>
                <li><a class="colorbox cocoa" href="events6788.html?theme=cocoa" title="Cocoa Skin"></a></li>
            </ul>
            <span>LAYOUT STYLE</span>
            <ul class="layout-style">      
                <li class="wide">Wide</li>
                <li class="semiboxed active">Semiboxed</li> 
                <li class="boxed">Boxed</li> 
                <li class="boxed-margin">Boxed Margin</li>               
            </ul>               
            <div class="patterns">
                <span>BACKGROUND PATTERNS</span>
                <ul class="backgrounds">
                    <li class="bgnone" title="None - Default"></li>
                    <li class="bg1"></li>
                    <li class="bg2"></li>
                    <li class="bg3"></li>
                    <li class="bg4 "></li>
                    <li class="bg5"></li> 
                    <li class="bg6"></li>
                    <li class="bg7"></li>
                    <li class="bg8"></li>
                    <li class="bg9 "></li>
                    <li class="bg10"></li> 
                    <li class="bg11"></li> 
                    <li class="bg12"></li> 
                    <li class="bg13"></li> 
                    <li class="bg14"></li> 
                    <li class="bg15"></li> 
                    <li class="bg16"></li> 
                    <li class="bg17"></li> 
                    <li class="bg18"></li> 
                    <li class="bg19"></li> 
                    <li class="bg20"></li> 
                    <li class="bg21"></li> 
                    <li class="bg22"></li> 
                    <li class="bg23"></li> 
                    <li class="bg24"></li> 
                    <li class="bg25"></li> 
                    <li class="bg26"></li>                   
                </ul>  
            </div>
        </div>
        <!-- End Theme-options -->      

        <!-- layout-->
        <div id="layout">
            <!-- Header-->
            <header>
                <!-- End headerbox-->
                <div class="headerbox">
                    <div class="container">
                        <div class="row">
                            <!-- Logo-->
                            <div class="col-md-3 logo">
                                <a href="index-2.html" title="Return Home">                            
                                    <img src="img/logo.png" alt="Logo" class="logo_img">
                                </a>
                            </div>
                            <!-- End Logo-->

                            <!-- Adds Header-->
                            <div class="col-md-9 adds">
                                <a href="http://themeforest.net/user/iwthemes/portfolio?ref=iwthemes" target="_blank">
                                    <img src="img/adds/banner.jpg" alt="" class="img-responsive">
                                </a>
                            </div>
                            <!-- End Adds Header-->
                        </div>
                    </div>
                </div>
                <!-- End headerbox-->  

                <!-- mainmenu-->
                <nav class="mainmenu">
                    <div class="container">
                        <!-- Menu-->
                        <ul class="sf-menu" id="menu">
                            <li class="selected">
                                <a href="index-2.html">Home</a>
                            </li>                                
                            <li class="current">
                                <a href="about.html">About</a>
                                <ul class="sub-current">
                                    <li>
                                        <a href="about.html">About Us</a>
                                    </li>
                                    <li>
                                        <a href="events.html">Events</a>
                                    </li>
                                    <li>
                                        <a href="club-teams.html">Club Teams</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="sports.html">Sports</a>
                                <div class="sf-mega">
                                    <div class="col-md-3">
                                        <h4>Sports Navigation</h4>
                                        <ul>                                                
                                            <li><a href="sports.html">Football Soccer</a></li>
                                            <li><a href="sports.html">Motocross</a></li>
                                            <li><a href="sports.html">Bmx</a></li>
                                            <li><a href="sports.html">Skater</a></li>
                                        </ul>
                                    </div>

                                    <div class="col-md-3">
                                      <h4>Club Teams</h4>
                                      <div class="img-hover">
                                         <img src="img/blog/1.jpg" alt="" class="img-responsive">
                                         <div class="overlay"><a href="sports.html">+</a></div>
                                      </div>
                                    </div>

                                    <div class="col-md-3">
                                      <h4>Players And Staff</h4>
                                      <div class="img-hover">
                                         <img src="img/blog/2.jpg" alt="" class="img-responsive">
                                         <div class="overlay"><a href="sports.html">+</a></div>
                                      </div>
                                    </div>

                                    <div class="col-md-3">
                                      <h4>Locations</h4>
                                      <div class="img-hover">
                                         <img src="img/blog/3.jpg" alt="" class="img-responsive">
                                         <div class="overlay"><a href="sports.html">+</a></div>
                                      </div>
                                    </div>
                                </div>
                            </li>
                            <li class="current">
                                 <a href="gallery-4-columns.html">Gallery</a>
                                <ul class="sub-current">
                                    <li>
                                        <a href="gallery-2-columns.html">Gallery 2 Columns</a>
                                    </li>
                                    <li>
                                        <a href="gallery-3-columns.html">Gallery 3 Columns</a>
                                    </li>
                                    <li>
                                        <a href="gallery-4-columns.html">Gallery 4 Columns</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="current">
                                <a href="#">Features</a>
                                <ul class="sub-current"> 
                                    <li class="current">
                                        <a href="#">Pages</a>
                                        <ul class="sub-current">                            
                                            <li><a href="page-full-width.html">Full Width</a></li>
                                            <li><a href="page-left-sidebar.html">Left Sidebar</a></li>
                                            <li><a href="page-right-sidebar.html">Right Sidebar</a></li>
                                            <li><a href="page-404.html">404 Page</a></li>
                                            <li><a href="page-faq.html">FAQ</a></li>
                                            <li><a href="sitemap.html">Sitemap</a></li>
                                         </ul>
                                    </li> 
                                    <li class="current">
                                        <a href="#">Headers</a>
                                        <ul class="sub-current">
                                            <li><a href="feature-header-1.html">Header Version 1</a></li>
                                            <li><a href="feature-header-2.html">Header Version 2</a></li>
                                            <li><a href="feature-header-3.html">Header Version 3</a></li>
                                        </ul>
                                    </li> 
                                    <li class="current">
                                        <a href="#">Footers</a>
                                        <ul class="sub-current">
                                            <li><a href="feature-footer-1.html#footer">Footer Version 1</a></li>
                                            <li><a href="feature-footer-2.html#footer">Footer Version 2</a></li>
                                            <li><a href="feature-footer-3.html#footer">Footer Version 3</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="feature-grid-system.html">Grind System</a></li>
                                    <li><a href="feature-typograpy.html">Tipograpy</a></li>
                                    <li><a href="feature-icons.html">Icons</a></li>
                                    <li><a href="feature-shortcodes.html">Shortcodes</a></li>
                                    <li class="current">
                                        <a href="#">Third Level</a>
                                        <ul class="sub-current">
                                            <li><a href="#">menu item</a></li>
                                            <li><a href="#">menu item</a></li>
                                            <li><a href="#">menu item</a></li>
                                        </ul>
                                    </li>
                                 </ul>
                            </li> 
                            <li class="current">
                                 <a href="single-news.html">News</a>
                                <ul class="sub-current">
                                    <li>
                                        <a href="news-left-sidebar.html">News Lef Sidebar</a>
                                    </li>
                                    <li>
                                        <a href="news-right-sidebar.html">News Right Sidebar</a>
                                    </li>
                                    <li>
                                        <a href="news-no-sidebar.html">News No Sidebar</a>
                                    </li>
                                    <li>
                                        <a href="single-news.html">Single News</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="contact.html">Contact</a>
                            </li> 
                        </ul>
                        <!-- End Menu-->
                    </div>
                </nav>
                <!-- End mainmenu-->
            </header>
            <!-- End Header-->
            
            <!-- Section Title -->           
            <section class="section-title img-about">
                <div class="overlay-bg"></div>
                <div class="container">
                    <h1>Events Section</h1>
                </div>
            </section>
            <!-- End Section Title --> 

            <!-- Section Area - Content Central -->
            <section class="content-info">

                <div class="crumbs">
                    <div class="container">
                        <ul>
                            <li><a href="index-2.html">Home</a></li>
                            <li>/</li>
                            <li>Events Section</li>                                       
                        </ul>
                    </div>        
                </div>

                <div class="semiboxshadow text-center">
                    <img src="img/img-theme/shp.png" class="img-responsive" alt="">
                </div>

                <!-- Content Central -->
                <div class="container padding-top">
                    <div class="row">
                        <!-- content Column Left -->
                        <div class="col-md-8">                     
                            
                            <div class="row">
                                <!-- blog post-->  
                                <ul class="events-carousel events-no-carousel">
                                    <!-- Item blog post -->  
                                    <li class="col-xs-6 col-sm-6 col-md-4">
                                        <div class="header-post">
                                            <div class="date">
                                                <span>08/jan</span>
                                                2014
                                            </div>
                                            <a href="single-news.html"><img src="img/blog/1.jpg" alt=""></a>
                                            <div class="meta-tag">
                                                <ul>
                                                    <li><i class="fa fa-user"></i><a href="#">Admin</a></li>
                                                    <li><i class="fa fa-folder-open"></i><a href="#">Design</a></li>
                                                    <li class="text-right"><i class="fa fa-comment"></i><a href="#">10</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="info-post">
                                            <h4><a href="single-news.html">CTA Placement</a></h4>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                        </div>
                                    </li>
                                    <!-- End Item blog post -->

                                    <!-- Item blog post -->  
                                    <li class="col-xs-6 col-sm-6 col-md-4">
                                        <div class="header-post">
                                            <div class="date">
                                                <span>08/jan</span>
                                                2014
                                            </div>
                                            <a href="single-news.html"><img src="img/blog/2.jpg" alt=""></a>
                                            <div class="meta-tag">
                                                <ul>
                                                    <li><i class="fa fa-user"></i><a href="#">Admin</a></li>
                                                    <li><i class="fa fa-folder-open"></i><a href="#">Design</a></li>
                                                    <li class="text-right"><i class="fa fa-comment"></i><a href="#">10</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="info-post">
                                            <h4><a href="single-news.html">Championship Final</a></h4>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                        </div>
                                    </li>
                                    <!-- End Item blog post -->  

                                    <!-- Item blog post -->  
                                    <li class="col-xs-6 col-sm-6 col-md-4">
                                        <div class="header-post">
                                            <div class="date">
                                                <span>08/jan</span>
                                                2014
                                            </div>
                                            <a href="single-news.html"><img src="img/blog/3.jpg" alt=""></a>
                                            <div class="meta-tag">
                                                <ul>
                                                    <li><i class="fa fa-user"></i><a href="#">Admin</a></li>
                                                    <li><i class="fa fa-folder-open"></i><a href="#">Design</a></li>
                                                    <li class="text-right"><i class="fa fa-comment"></i><a href="#">10</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="info-post">
                                            <h4><a href="single-news.html">Confidence indicators</a></h4>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                        </div>
                                    </li>
                                    <!-- End Item blog post -->

                                    <!-- Item blog post -->  
                                    <li class="col-xs-6 col-sm-6 col-md-4">
                                        <div class="header-post">
                                            <div class="date">
                                                <span>08/jan</span>
                                                2014
                                            </div>
                                            <a href="single-news.html"><img src="img/blog/4.jpg" alt=""></a>
                                            <div class="meta-tag">
                                                <ul>
                                                    <li><i class="fa fa-user"></i><a href="#">Admin</a></li>
                                                    <li><i class="fa fa-folder-open"></i><a href="#">Design</a></li>
                                                    <li class="text-right"><i class="fa fa-comment"></i><a href="#">10</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="info-post">
                                            <h4><a href="single-news.html">Championship Final.</a></h4>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                        </div>
                                    </li>
                                    <!-- End Item blog post -->

                                    <!-- Item blog post -->  
                                    <li class="col-xs-6 col-sm-6 col-md-4">
                                        <div class="header-post">
                                            <div class="date">
                                                <span>08/jan</span>
                                                2014
                                            </div>
                                            <a href="single-news.html"><img src="img/blog/2.jpg" alt=""></a>
                                            <div class="meta-tag">
                                                <ul>
                                                    <li><i class="fa fa-user"></i><a href="#">Admin</a></li>
                                                    <li><i class="fa fa-folder-open"></i><a href="#">Design</a></li>
                                                    <li class="text-right"><i class="fa fa-comment"></i><a href="#">10</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="info-post">
                                            <h4><a href="single-news.html">Great Prospects.</a></h4>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                        </div>
                                    </li>
                                    <!-- End Item blog post -->

                                    <!-- Item blog post -->  
                                    <li class="col-xs-6 col-sm-6 col-md-4">
                                        <div class="header-post">
                                            <div class="date">
                                                <span>08/jan</span>
                                                2014
                                            </div>
                                            <a href="single-news.html"><img src="img/blog/1.jpg" alt=""></a>
                                            <div class="meta-tag">
                                                <ul>
                                                    <li><i class="fa fa-user"></i><a href="#">Admin</a></li>
                                                    <li><i class="fa fa-folder-open"></i><a href="#">Design</a></li>
                                                    <li class="text-right"><i class="fa fa-comment"></i><a href="#">10</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="info-post">
                                            <h4><a href="single-news.html">Great Prospects.</a></h4>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                        </div>
                                    </li>
                                    <!-- End Item blog post -->

                                </ul>
                                <!-- End blog post-->  
                            </div>

                            <!-- Experts -->
                            <div class="panel-box">                            
                                <div class="titles">
                                    <h4>Sports Experts</h4>
                                </div>     

                                <div class="row">
                                    <div class="col-xs-6 col-sm-3 col-md-4 col-lg-3">
                                        <div class="box-info">
                                            <img src="img/experts/1.png" alt="" class="img-responsive">
                                            <h5 class="entry-title"><a href="#">Lorem ipsum dolor sit amet</a></h5>
                                            <p class="date-box">Abril 15, 2014</p>
                                        </div>
                                    </div> 
                                    <div class="col-xs-6 col-sm-3 col-md-4 col-lg-3">
                                        <div class="box-info">
                                            <img src="img/experts/2.png" alt="" class="img-responsive">
                                            <h5 class="entry-title"><a href="#">Lorem ipsum dolor sit amet</a></h5>
                                            <p class="date-box">Abril 15, 2014</p>
                                        </div>
                                    </div> 
                                    <div class="col-xs-6 col-sm-3 col-md-4 col-lg-3">
                                        <div class="box-info">
                                            <img src="img/experts/3.png" alt="" class="img-responsive">
                                            <h5 class="entry-title"><a href="#">Lorem ipsum dolor sit amet</a></h5>
                                            <p class="date-box">Abril 15, 2014</p>
                                        </div>
                                    </div> 
                                    <div class="col-xs-6 col-sm-3 col-md-4 col-lg-3">
                                        <div class="box-info">
                                            <img src="img/experts/4.png" alt="" class="img-responsive">
                                            <h5 class="entry-title"><a href="#">Lorem ipsum dolor sit amet</a></h5>
                                            <p class="date-box">Abril 15, 2014</p>
                                        </div>
                                    </div> 
                                    <div class="col-xs-6 col-sm-3 col-md-4 col-lg-3">
                                        <div class="box-info">
                                            <img src="img/experts/5.png" alt="" class="img-responsive">
                                            <h5 class="entry-title"><a href="#">Lorem ipsum dolor sit amet</a></h5>
                                            <p class="date-box">Abril 15, 2014</p>
                                        </div>
                                    </div> 
                                    <div class="col-xs-6 col-sm-3 col-md-4 col-lg-3">
                                        <div class="box-info">
                                            <img src="img/experts/3.png" alt="" class="img-responsive">
                                            <h5 class="entry-title"><a href="#">Lorem ipsum dolor sit amet</a></h5>
                                            <p class="date-box">Abril 15, 2014</p>
                                        </div>
                                    </div> 
                                    <div class="col-xs-6 col-sm-3 col-md-4 col-lg-3">
                                        <div class="box-info">
                                            <img src="img/experts/4.png" alt="" class="img-responsive">
                                            <h5 class="entry-title"><a href="#">Lorem ipsum dolor sit amet</a></h5>
                                            <p class="date-box">Abril 15, 2014</p>
                                        </div>
                                    </div> 
                                    <div class="col-xs-6 col-sm-3 col-md-4 col-lg-3">
                                        <div class="box-info">
                                            <img src="img/experts/1.png" alt="" class="img-responsive">
                                            <h5 class="entry-title"><a href="#">Lorem ipsum dolor sit amet</a></h5>
                                            <p class="date-box">Abril 15, 2014</p>
                                        </div>
                                    </div> 

                                </div>                          
                            </div>  
                            <!-- End Experts -->  
                        </div>
                         <!-- End content Left -->

                        <!-- content Sidebar Right -->
                        <aside class="col-md-4">
                            <!-- Info -->
                            <div class="panel-box">
                                <div class="titles">
                                    <h4><i class="fa fa-calendar"></i>Upcoming Events</h4>
                                </div>
                                <!-- Carousel Events -->
                                <ul class="single-carousel">
                                    <!-- Item  Event  -->
                                    <li>
                                        <div class="content-counter">
                                            <p class="text-center"> 
                                                <i class="fa fa-clock-o"></i> 
                                                Countdown Till Start
                                            </p>
                                            <div id="event-one" class="counter"></div>
                                            <ul class="post-options">
                                                <li><i class="fa fa-calendar"></i>June 12, 2014</li>
                                                <li><i class="fa fa-clock-o"></i>Kick-of, 12:00 PM</li> 
                                            </ul>
                                            <ul class="list-diary">
                                                <!-- Item List Diary --> 
                                                <li>
                                                    <h5>LIGA BBVA <span>06-05-2014 - 11:00</span></h5>
                                                    <ul class="club-logo">
                                                        <li>
                                                            <img src="img/clubs-logos/1.png" alt="">
                                                            <h6>Real Madrid</h6>
                                                        </li>
                                                        <li><span>Vs</span></li>
                                                        <li>
                                                            <img src="img/clubs-logos/2.png" alt="">
                                                            <h6>Valladolid</h6>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <!-- End Item List Diary --> 
                                            </ul>
                                            <a class="btn btn-primary" href="#">
                                                VIEW EVENT PAGE
                                                <i class="fa fa-trophy"></i>
                                            </a>
                                        </div>
                                    </li>
                                    <!-- End Item  Event  -->

                                    <!-- Item  Event -->
                                    <li>
                                        <div class="content-counter">
                                            <p class="text-center"> 
                                                <i class="fa fa-clock-o"></i> 
                                                Countdown Till Start
                                            </p>
                                            <div id="event-two" class="counter"></div>
                                            <ul class="post-options">
                                                <li><i class="fa fa-calendar"></i>August 27, 2014</li>
                                                <li><i class="fa fa-clock-o"></i>Kick-of, 12:00 PM</li> 
                                            </ul>
                                            <p>Ei eum affert postulant, ius te mazim zril alterum. Illum dolorem ius ut, eu postulant principes sit.  ert postulant, ius te mazim zril alterum Tibique scriptorem cu pri, te fugit voluptatum mel, nibh exerci denique at qui.</p>
                                            <a class="btn btn-primary" href="#">
                                                VIEW EVENT PAGE
                                                <i class="fa fa-trophy"></i>
                                            </a>
                                        </div>
                                    </li>
                                    <!-- End Item  Event -->

                                    <!-- Item  Event -->
                                    <li>
                                        <div class="content-counter">
                                            <p class="text-center"> 
                                                <i class="fa fa-clock-o"></i> 
                                                Countdown Till Start
                                            </p>
                                            <div id="event-three" class="counter"></div>
                                            <ul class="post-options">
                                                <li><i class="fa fa-calendar"></i>December 27, 2014</li>
                                                <li><i class="fa fa-clock-o"></i>Kick-of, 12:00 PM</li> 
                                            </ul>
                                            <p>Ei eum affert postulant, ius te mazim zril alterum. Illum dolorem ius ut, eu postulant principes sit.  ert postulant, ius te mazim zril alterum Tibique scriptorem cu pri, te fugit voluptatum mel, nibh exerci denique at qui.</p>
                                            <a class="btn btn-primary" href="#">
                                                VIEW EVENT PAGE
                                                <i class="fa fa-trophy"></i>
                                            </a>
                                        </div>
                                    </li>
                                    <!-- End Item  Event -->
                                </ul>
                                <!-- End Carousel Events --> 
                            </div>  
                            <!-- End Info-->

                            <!-- Locations -->
                            <div class="panel-box">
                            
                                <div class="titles">
                                    <h4>Locations</h4>
                                </div>
                                <!-- Locations Carousel --> 
                                <ul class="single-carousel">    
                                    <li>
                                        <img src="img/blog/1.jpg" alt="" class="img-responsive">
                                        <div class="info-single-carousel">
                                            <h4>Rio de Janeiro</h4>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip consectetur adipisicing elit ex.</p>
                                        </div>
                                    </li>
                                    <li>
                                        <img src="img/blog/2.jpg" alt="" class="img-responsive">
                                        <div class="info-single-carousel">
                                            <h4>Brazilia</h4>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip consectetur adipisicing elit ex.</p>
                                        </div>
                                    </li> 
                                    <li>
                                        <img src="img/blog/3.jpg" alt="" class="img-responsive">
                                        <div class="info-single-carousel">
                                            <h4>Sao Paulo</h4>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip consectetur adipisicing elit ex.</p>
                                        </div>
                                    </li>                                    
                                </ul>
                                <!-- Locations Carousel -->                                
                            </div>  
                            <!-- End Locations --> 
                        </aside>
                        <!-- End content Sidebar Right -->
                    </div>                     
                </div>  
                <!-- End Content Central -->

                <!-- Testimonials -->
                <div class="section-wide">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="text-center">
                                    <h2>We have earned the trust of <span class="text-resalt">25,869</span> Clients.</h2>
                                    <p>Duis non lorem porta,  eros sit amet, tempor sem. semper a tempus et.</p>
                                </div>
                                <ul id="testimonials" class="testimonials">
                                    <li>
                                        <blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque!.</p>
                                        <img src="img/testimonials/1.jpg" alt="">
                                        <strong>Federic Gordon</strong><a href="#">@iwthemes</a></blockquote>
                                    </li>
                                    <li>
                                        <blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque!.</p>
                                        <img src="img/testimonials/2.jpg" alt="">
                                        <strong>Federic Gordon</strong><a href="#">@iwthemes</a></blockquote>
                                    </li>
                                    <li>
                                        <blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque!.</p>
                                        <img src="img/testimonials/3.jpg" alt="">
                                        <strong>Federic Gordon</strong><a href="#">@iwthemes</a></blockquote>
                                    </li>
                                    <li>
                                        <blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque!.</p>
                                        <img src="img/testimonials/4.jpg" alt="">
                                        <strong>Federic Gordon</strong><a href="#">@iwthemes</a></blockquote>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>  
                <!-- End Testimonials -->  
            </section>
            <!-- End Section Area - Content Central -->
      
            <!-- footer-->
            <footer id="footer">
                <div class="container">

                    <!-- Wiguets Footer-->
                    <div class="row">

                        <!-- Twitter Wiguet-->
                        <div class="col-xs-12 col-sm-7 col-md-3 col-lg-4">
                            <div class="divisor-footer">
                                <i class="fa fa-twitter twit-list"></i>
                                <h4>Latest Tweet</h4>                     
                                <div id="twitter"></div>   
                            </div>
                        </div>
                        <!-- End Twitter Wiguet-->

                        <!-- Tags Wiguet-->
                        <div class="col-xs-12 col-sm-5 col-md-3 col-lg-3">
                            <div class="tags">                              
                                <h4>Tags</h4>
                                <a href="#" class="#" title="Tags"><i class="fa fa-tag"></i> corporate </a>
                                <a href="#" class="#" title="Tags"><i class="fa fa-tag"></i> theme </a>
                                <a href="#" class="#" title="Tags"><i class="fa fa-tag"></i> css3 </a>
                                <a href="#" class="#" title="Tags"><i class="fa fa-tag"></i> premium </a>
                                <a href="#" class="#" title="Tags"><i class="fa fa-tag"></i> html5 </a>
                                <a href="#" class="#" title="Tags"><i class="fa fa-tag"></i> business </a>
                                <a href="#" class="#" title="Tags"><i class="fa fa-tag"></i> all purpose </a>
                                <a href="#" class="#" title="Tags"><i class="fa fa-tag"></i> Js </a>
                                <a href="#" class="#" title="Tags"><i class="fa fa-tag"></i> muse </a>
                            </div>
                        </div>
                        <!-- End Tags Wiguet-->
                        
                        <!-- Links Wiguet-->
                        <div class="col-xs-12 col-sm-6 col-md-3 col-lg-2">                            
                            <h4>Recent Links</h4>
                            <ul class="links">
                                <li><i class="fa fa-check"></i> <a href="#">World Cup</a></li>
                                <li><i class="fa fa-check"></i> <a href="#">Teams Members</a></li>
                                <li><i class="fa fa-check"></i> <a href="#">Soccer Champion</a></li>
                                <li><i class="fa fa-check"></i> <a href="#">Champions</a></li>
                            </ul>                            
                        </div>
                        <!-- End Links Wiguet-->

                        <!-- flickr Wiguet-->
                        <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">                            
                            <h4>Recent flickr</h4>
                            <ul id="flickr" class="thumbs"></ul>                            
                        </div>
                        <!-- End flickr Wiguet-->
                    </div>
                    <!-- End Wiguets Footer-->

                    <!-- Social Icons-->
                    <div class="row">
                        <ul class="social">
                                <li>
                                    <div>
                                        <a href="#" class="facebook">
                                            <i class="fa fa-facebook"></i>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <a href="#" class="twitter-icon">
                                            <i class="fa fa-twitter"></i>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <a href="#" class="vimeo">
                                            <i class="fa fa-vimeo-square"></i>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <a href="#" class="google-plus">
                                            <i class="fa fa-google-plus"></i>
                                        </a>
                                    </div>
                                </li> 
                                <li>
                                    <div>
                                        <a href="#" class="youtube">
                                            <i class="fa fa-youtube"></i>
                                        </a>
                                    </div>
                                </li> 
                        </ul>
                    </div> 
                    <!-- End Social Icons-->

                </div>
            </footer>      
            <!-- End footer-->

            <!-- footer Down-->
            <div class="footer-down">
                <div class="container">
                    <div class="row">
                        <div class="col-md-5">
                            <p>&copy; 2014 WordCup . All Rights Reserved.  1995 - 2014</p>
                        </div>
                        <div class="col-md-7">
                            <!-- Nav Footer-->
                            <ul class="nav-footer">
                                <li><a href="#">HOME</a> </li>
                                <li><a href="#">EVENTS</a></li>
                                <li><a href="#">TEAM</a></li> 
                                <li><a href="#">GALLERY</a></li> 
                                <li><a href="#">SPORT</a></li>                
                                <li><a href="#">CONTACT</a></li>
                            </ul>
                            <!-- End Nav Footer-->
                        </div>
                    </div>
                </div>
            </div>
            <!-- footer Down-->

        </div>
        <!-- End layout-->

        <!-- ======================= JQuery libs =========================== -->
        <!-- jQuery local--> 
        <script src="js/jquery.js"></script>                
        <!--Nav-->
        <script type="text/javascript" src="js/nav/tinynav.js"></script> 
        <script type="text/javascript" src="js/nav/hoverIntent.js"></script>   
        <script type="text/javascript" src="js/nav/superfish.js"></script> 
        <script type="text/javascript" src="js/nav/jquery.sticky.js"></script>    
        <!--Totop-->
        <script type="text/javascript" src="js/totop/jquery.ui.totop.js" ></script>  
        <!--Accorodion-->
        <script type="text/javascript" src="js/accordion/accordion.js" ></script>  
        <!--Slide-->
        <script type="text/javascript" src="js/slide/camera.js" ></script>      
        <script type='text/javascript' src='js/slide/jquery.easing.1.3.min.js'></script>  
        <!-- Maps -->
        <script type="text/javascript" src="js/maps/gmap3.js"></script>             
        <!--Ligbox--> 
        <script type="text/javascript" src="js/fancybox/jquery.fancybox.js"></script> 
        <!-- carousel.js-->
        <script type="text/javascript" src="js/carousel/carousel.js"></script>
        <!-- Filter -->
        <script type="text/javascript" src="js/filters/jquery.isotope.js"></script>
        <!-- Twitter Feed-->
        <script type="text/javascript" src="js/twitter/jquery.tweet.js"></script> 
        <!-- flickr Feed-->
        <script type="text/javascript" src="js/flickr/jflickrfeed.min.js"></script> 
        <!-- Counter -->
        <script type="text/javascript" src="js/counter/jquery.countdown.js"></script>      
        <!--Theme Options-->
        <script type="text/javascript" src="js/theme-options/theme-options.js"></script>
        <script type="text/javascript" src="js/theme-options/jquery.cookies.js"></script> 
        <!-- Bootstrap.js-->
        <script type="text/javascript" src="js/bootstrap/bootstrap.js"></script> 
        <!--MAIN FUNCTIONS-->
        <script type="text/javascript" src="js/main.js"></script>
        <!-- ======================= End JQuery libs =========================== -->
 
    </body>
</html>